<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script type="module"> // 需要跨域
        /* import命令 */
        import { firstName, lastName, add } from './es6_module.js';
        import { year as bornYear } from './es6_module.js'; // 变量重命名
        console.log(firstName, lastName, bornYear, add(1, 2));

        // 批量导入
        import * as m1 from './es6_module.js';
        console.log(m1, m1.year, m1.bornYear);

        // 导入默认值
        import randomName from './es6_module.js';
        randomName(); // 任意命名匿名函数/变量/函数, 函数在js文件中有函数名的情况, 加载时视为匿名函数加载
        // console.log(randomName);

        /* 模块转移导出 */
        console.log(m1.myFoo, m1.bar);

        /* const跨模块共享常量 */
        console.log(m1.A);

        /* import()函数, 动态加载, 返回Promise, 可以用于各种环境 */
        import('./es6_module2.js').then(res => console.log(res));
        
    </script>
</body>

</html>